<%@page import="svn_photo.photoVo"%>
<%@page import="svn_photo.Photo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>photoCode_View.jsp</title>
<script src="photo_sc.js"></script>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#maintot{
	padding-top:30px;/*위에 칸을 띄우는 것*/	
}
#mainbox{
	width:700px;
	height:700px;
	/*border:1px solid #faa719;*/
	margin:0 auto;
	margin-bottom: 50px;
}
#top{
	width:100%;
	height:50px;
	color:#000000;
	font-size:37px;
	font-family: 'Nanum Gothic', sans-serif;
	padding-top:10px;/*위에 칸을 띄우는 것*/

	text-shadow:1px 1px 1px #A4A4A4;
	font-weight: bolder;

	
}
#top2{
	border:3px solid #faa719;
}
#center{
	position:absolute;
}
#cent1{
	width:300px;
	height:100px;
	/*border:1px solid #faa719;*/
	position:absolute;
	top:100px;
	left:50px;
	background-image:url(./image/hta.logo.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	
}
#cent2{
	width:500px;
	height:320px;
	border:5px solid #faa719;
	position:absolute;
	top:210px;
	left:100px;
	
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
}
#body_code{
	width:280px;
	height:200px;
	/*border:1px solid #faa719;*/
	position:absolute;
	top:20px;
	left:130px;
	
}
#body_1,#body_2,#body_3,#body_4{
	/*border:2px solid #000000;*/
	font-family: 'Nanum Gothic', sans-serif;
	text-shadow:1px 1px 1px #DF7401;
	font-weight: bolder;
	color:#000000;
	font-size:18px;
	margin-top:10px;
	
}
#body_mu1,#body_mu2,#body_mu3,#body_mu4{
	width:100px;
	height:30px;
	/*border:3px solid #faa719;*/
	display:inline-block;
	background-color:#faa719;
	box-shadow:4px 3px 6px #dddddd;
}
#body_con1,#body_con2,#body_con3,#body_con4{
	margin-left:4px;
	width:140px;
	height:30px;
	/*border:3px solid #faa719;*/
	display:inline-block;
	box-shadow:4px 3px 6px #dddddd;
}
#buttonTot{
	margin-top:20px;
	width:350px;
	height:60px;
	/*border:3px solid #faa719;*/
	position:absolute;
	top:240px;
	left:100px
}
#codeSave{
margin-left:40px;
}
#codeList,#codeSave{
	background-color: #faa719;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:4px 3px 6px #dddddd;
	border:1px solid #faa719;
	font-family: 'Nanum Gothic', sans-serif;
	text-shadow:1px 1px 1px #DF7401;
	font-weight: bolder;
	color:#000000;
	font-size:18px;
	width:140px;
	height:40px;
}

</style>
</head>
<body>

<jsp:useBean id="vo" class="svn_photo.photoVo"/>
<jsp:setProperty property="*" name="vo"/>
<%
Photo photo=new Photo();
photo.setVo(vo);
photoVo v= photo.codeView();
%>
<div id='maintot'>
	<div id='mainbox'>
		<div id='top'>
			&nbsp;&nbsp;코드입력뷰
			<hr id='top2'>
		</div>
		<div id='center'>
			<div id='cent1'>
			</div>
			<div id='cent2'>
			<form method='post' name='frm_photocode_save' action=''>
				<div id="body_code">
					<div id='body_1'><div id='body_mu1'>기수</div><div id='body_con1'><%=v.getGisu() %></div></div>
					<div id='body_2'><div id='body_mu2'>과정명</div><div id='body_con2'><%=v.getClassname() %></div></div>
					<div id='body_3'><div id='body_mu3'>개강일</div><div id='body_con3'><%=v.getSdate() %></div></div>
					<div id='body_4'><div id='body_mu4'>종강일</div><div id='body_con4'><%=v.getEdate() %></div></div>
					
				</div>
				<div id='buttonTot'>
						<input type="button" value="목록" id='codeList'>
						<input type="button" value="저장" id='codeSave'>
				</div>
				</form>
			</div><!-- cent2 -->
		</div>
	</div>
</div>

<script>code2();</script>
</body>
</html>